<template>
  <div class="fee-manage">
    <el-card>
      <h2>费用管理</h2>
      <el-table :data="prices">
        <el-table-column prop="priceID" label="时价单编号" />
        <el-table-column prop="chargingtype" label="充电类型" />
        <el-table-column prop="pricetime" label="时段" />
        <el-table-column prop="chargingprice" label="电价" />
        <el-table-column prop="validtime" label="有效时间" />
        <el-table-column label="操作">
          <template slot-scope="scope">
            <el-button size="mini" @click="editPrice(scope.row)">编辑</el-button>
          </template>
        </el-table-column>
      </el-table>
      <el-button type="primary" @click="addPrice">新增时价</el-button>
    </el-card>
  </div>
</template>
<script>
export default {
  data() {
    return { prices: [] };
  },
  methods: {
    addPrice() {},
    editPrice(price) {}
  }
};
</script>
<style scoped>
.fee-manage { max-width: 1000px; margin: 40px auto; }
</style>
